//获取操作对象
var box = document.querySelector('.box')
//获取页面中name属性值为"xuan"的所有元素返回一个伪数组
var xuans = document.getElementsByName('xuan')

box.onclick = function (e) {
    //兼容事件对象
    var e = e || window.event
    //获取兼容的操作目标
    var tg = e.target || e.srcElement
    //全选
    if (tg.name == "quan") {
        //遍历所有选中框对象
        for (var i = 0; i < xuans.length; i++) {
            //判断当前选中框是否被选中
            if (tg.checked) {
                xuans[i].checked = true
            } else {
                xuans[i].checked = false
            }
        }
    }
    //删除一行
    if (tg.innerHTML == "删除") {
        tg.parentNode.parentNode.parentNode.parentNode.remove()
        fn1()
    }

    //删除选中的商品
    if (tg.innerHTML == "删除选中的商品") {
        //遍历所有选中框对象
        for (var i = xuans.length - 1; i >= 0; i--) {
            //判断当前选中框是否被选中
            if (xuans[i].checked) {
                //删除当前被选中的这一行商品
                xuans[i].parentNode.parentNode.parentNode.parentNode.remove()
            }
        }

    }
    //清理购物车
    if (tg.innerHTML == "清理购物车") {
        //遍历所有选中框对象
        //从后往前删
        for (var i = xuans.length - 1; i >= 0; i--) {
            //判断当前选中框是否被选中
            if (xuans[i].checked) {
                //删除当前被选中的这一行商品
                xuans[i].parentNode.parentNode.parentNode.parentNode.remove()
            }
        }

    }
    //添加数量
    if (tg.innerHTML == "+") {
        //获取加法前面的数量
        var num = tg.previousElementSibling.value
        //修改数量
        num++
        //重新把操作结果赋值给当前位置
        tg.previousElementSibling.value = num

        //获取单价
        var price = tg.parentNode.previousElementSibling.lastElementChild.innerHTML
        //计算小计
        var sum = num * parseFloat(price)
        //把计算结果赋值给小计
        tg.parentNode.parentNode.children[4].lastElementChild.innerHTML = sum.toFixed(2)
    }

    //减法
    if (tg.innerHTML == "-") {
        //获取数量
        var num = tg.nextElementSibling.value
        if (num <= 1) {
            num = 1
        } else {
            num--
        }
        //重新给当前位置赋值
        tg.nextElementSibling.value = num
        //获取单价
        var price = tg.parentNode.previousElementSibling.lastElementChild.innerHTML
        //计算小计
        var sum = num * parseFloat(price)
        //把计算结果赋值给小计
        tg.parentNode.parentNode.children[4].lastElementChild.innerHTML = sum.toFixed(2)
    }
//选中框事件
if(tg.name=="xuan"){
fn1()
total2()
}
}
function fn1(){
    var num=0 //表示被选中的次数
    //遍历选中框对象
    for(var i=0;i<xuans.length;i++){
        //判断当前选中框是否被选中
        if(xuans[i].checked){
            num++
        }
    }
    if(num==xuans.length){
        //遍历所有全选框对象
        var quans=document.querySelectorAll('[name="quan')
        quans[0].checked=true
        quans[1].checked=true

    }else{
        var quans=document.querySelectorAll('[name="quan')
        quans[0].checked=false
        quans[1].checked=false
    }
   
}
//计算总计
function total1(){
    // var sum=0
    //累计所有小计
    var sum=document.getElementsByClassName('.xiaoji')
    console.log(sum)
}

//已选商品数量和价格
function total2() {
    var m = 0 //数量
    //获取所有商品
    var sp1 = document.querySelector('.box')
   
    //遍历每个商品对象
    for (var i = 0; i < sp1.length; i++) {

        //判断当前商品是否被选中
        if (sp1[i].children[0].firstChild.checked) {
            //获取当前商品小计
            var xioaji = sp1[i].children[4].lastElementChild.innerHTML
            sum += parseFloata(xioaji)
            
            var mm = spl[i].children[2].children[1].value
            m += parseFloat(mm)
            // console.log(mm)
        }
    }
    
    //获取存放位置的父节点
    var tt = document.querySelector('.right3')
    // console.log(tt)
    //给数量的位置赋值
    tt.children[0].firstElementChild.innerHTML = m
    // console.log(m)
    //给总计赋值
    // tt.children[1].firstChild.nextElementSibling.innerHTML = sum
    // console.log(sum)
}

total2()